import { h } from 'vue';
import { NTag,NImage } from 'naive-ui';
import { BasicColumn } from '@/components/Table';

export const columns: BasicColumn[] = [
  {
    type: 'selection',
  },
  {
    title: '序号',
    key: 'id',
    align: "center",
  },
  {
    title: '二维码编号',
    key: 'qrcode_number',
    align: "center",
    // render(row) {
    //   return h(
    //     NTag,
    //     {
    //       type: 'info',
    //     },
    //     {
    //       default: () => (row.products == 1 ? '单车' : row.products == 2 ? '汽车' : '未知'),
    //     },
    //   );
    // }
  },
  {
    title: '设备类型',
    key: 'type',
    align: "center",
    render(row) {
      if(row.type == 1){
        return h(
          NTag,
          {
            type: 'info',
          },
          {
            default: () => ('充电宝'),
          },
        );
      }else if(row.type == 2) {
        return h(
          NTag,
          {
            type: 'info',
          },
          {
            default: () => ('盒子'),
          },
        );
      }else if(row.type == 3){
        return h(
          NTag,
          {
            type: 'info',
          },
          {
            default: () => ('充电线'),
          },
        );
      }
      
    }
  },
  {
    title: '设备编号',
    key: 'device_number',
    align: "center",
  },
  {
    title: '二维码',
    key: 'qrcode_url',
    align: "center",
    render(row) {
      return h(
        NImage,
        {
          width: 80,
          height: 80,
          src: row.qrcode_url
        },
      );
    },
  },
  {
    title: '设备名称',
    key: 'device_name',
    align: "center",
  },
  {
    title: '状态',
    key: 'status',
    align: "center",
    render(row) {
      if(row.status==1){
        return h(
          NTag,
          {
            type: 'info',
          },
          {
            default: () => ('已绑定'),
          },
        );
      }else{
        return h(
          NTag,
          {
            type: 'error',
          },
          {
            default: () => ('未绑定'),
          },
        );
      }
      
    }
  },
  {
    title: '创建时间',
    key: 'create_time',
    align: "center",
  },
  // {
  //   title: '创建时间',
  //   key: 'create_time',
  // },
  // {
  //   title: '创建时间',
  //   key: 'created_at',
  // },
];
